<template>
  <div id="root-view">
    <!--<transition  name="fade" >-->
    <router-view></router-view>
    <!--</transition>-->
  </div>

</template>

<script>


  export default {
    name: 'app',
  }
</script>


<style lang="less">
  @import '~vux/src/styles/reset.less';
</style>


<style lang="scss">

  #root-view {
    height: 100vh;
  }

  .fade-enter-active, .fade-leave-active {
    transition: transform .5s;
  }

  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
  {
    /*opacity: 0;*/
    transform: translateX(155px);
  }
</style>
